<template>
  <div>
    <div class="banner-content home-banner">
      <el-image
        lazy
        src="https://www.feslion.com/picture/newsbanner.jpg"
        alt=""
      />
    </div>
    <div class="officialweb-container-center">
      <div class="title" v-if="route.path === '/official/news'">
        新闻公告<span>NEWS</span>
      </div>
      <div class="titles" v-else>
        <span @click="gobacks">首页</span>><span>新闻</span>
      </div>
      <el-divider />
      <router-view> </router-view>
    </div>
  </div>
</template>

<script setup name="Index">
// import Footer from "@/layout/components/Footer";

import router from "../../../router";

const route = useRoute();
// const useRouter = useRouter();
const gobacks = () => {
  router.go(-1);
  // router.push("/official/news");
};
</script>

<style scoped lang="scss">
.title {
  // font-family: MiSans-Semibold;
  font-weight: 800;

  font-size: 43px;
  color: #333333;
  margin-top: 78px;
  span {
    color: #cc1d0e;
  }
}
.titles {
  // font-family: MiSans-Semibold;
  font-weight: 800;

  font-size: 24px;
  color: #333333;
  margin-top: 78px;
  cursor: pointer;
}
</style>
